<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>试模</title>
		<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
		<link rel="bookmark" href="../favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/testCss.css" />
		<!-- 下拉框选择插件 -->
		<link rel="stylesheet" href="css/mobileSelect2.css" />
		<meta name="format-detection" content="telephone=no" />
		<!--[if lt IE 9]>
			<script src="js/lib/html5shiv.js"></script>
		<![endif]-->
		<script src="js/lib/flexible.js"></script>
		<style>
			.TabNav{
				position: fixed;
			}
			.TabMain {
				padding: 1.1733333rem 0 1.1733333rem 0;
			}
		</style>
	</head>
	<body>
	<!--加载中 -->
	<div class="spinner" id="spinner">
		<div class="spinner-container container1">
			<div class="circle1"></div>
			<div class="circle2"></div>
			<div class="circle3"></div>
			<div class="circle4"></div>
		</div>
		<div class="spinner-container container2">
			<div class="circle1"></div>
			<div class="circle2"></div>
			<div class="circle3"></div>
			<div class="circle4"></div>
		</div>
		<div class="spinner-container container3">
			<div class="circle1"></div>
			<div class="circle2"></div>
			<div class="circle3"></div>
			<div class="circle4"></div>
		</div>
	</div>
	<!--加载中 end-->

	<div class="main" id="main" style="display: none">
		<div class="TabNav">
			<ul class="TabNavUl">
				<li class="active"><span>试模1</span></li>
				<li><span>试模2</span></li>
				<li><span>试模3</span></li>
				<li><span>试模4</span></li>
				<li><span>试模5</span></li>
			</ul>
		</div>
		<div class="TabMain">
			<ul class="TabMainUl">
				<li class="modeInfo">
					<div class="title">试模产品编号：SD123-1</div>
					<div class="content">
						<p><span>产品名称：</span>线圈模具</p>
						<p><span>产品编号：</span>SD123</p>
						<p><span>生产单号：</span>AS123</p>
						<p><span>零件总数：</span>120</p>
						<p><span>完成试模：</span>T0、T1、T2</p>
					</div>
				</li>
				<li class="testT">
					<div class="title">T0试模（完成）：100h  2017/06/12 9:20开始</div>
					<div class="isShow">展开</div>
					<div class="contentBox" style="display: none;">
						<div class="content"><p>问题负责组别：设计部门1、CNC1组</p></div>
						<div class="content">
							<p>试模图片</p>
							<div class="testImages">
								<div class="img"><img onclick="zoomAlert(this)" data-lazy-src="https://drscdn.500px.org/photo/388736/h%3D450/73918be4abcbcf3dbf98bcba20303a65" /></div>
							</div>
						</div>
						<div class="content">
							<p>试模报告</p>
							<p class="testReport">试模报告</p>
						</div>
					</div>
				</li>
				<li class="testInfo">
					<div class="title"><span class="testStartTxt">T0试模（未开始）</span></div>
					<div class="testStart">开始T0试模</div>
					<div class="contentBox" style="display: none">
						<div class="content">
							<div class="group"><span>问题负责组别：</span><span id="group">设计部门、CNC1组</span></div>
						</div>
						<div class="content">
							<p>试模图片（选填）</p>
							<div class="testImages" id="testImages">
								<div class="img">
									<i class="fileDel  iconfont icon-guanbi"></i>
									<img src="">
								</div>
								<div class="testImagesFile">
									<img src="">
									<div class="loading">
										<img  src=""/>
									</div>
									<input onclick="chosenPicture()" class="photoInput" type="text" readonly unselectable="on" onfocus="this.blur()" accept="image/*"/>
								</div>
							</div>
						</div>
						<div class="content">
							<p>试模报告（选填）</p>
							<div class="testReportArea">
								<textarea rows="3" id="testReportArea"></textarea>
							</div>
						</div>
						<div class="content">
							<div class="testEndBox">
								<span class="testDel">删除试模</span>
								<span class="testEnd">完成试模</span>
							</div>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="testStorage">完成试模，模具入库</div>
	</div>
	<!--<script src="http://saas-pro.oss-cn-shenzhen.aliyuncs.com/cjgc-h5/app/js/lib/zepto.min.js"></script>-->
	<script src="js/lib/jquery.2.1.4.min.js"></script>
	<script src="js/layer/mobile/layer.js"></script>
	<!--<script src="js/dist/lrz.bundle.js"></script>-->
	<script src="js/common.js"></script>
	<script src="js/aescon.js"></script>
	<!--<script type="text/javascript" src="http://gosspublic.alicdn.com/aliyun-oss-sdk.min.js"></script>
	<script type="text/javascript" src="js/oss.js" ></script>-->
	<!-- 图片放大 -->
	<!--<script language="javascript" src="js/lib/zooming.min.js"></script>-->
	<!-- 图片懒加载 -->
	<script language="javascript" src="js/lib/EasyLazyload.min.js"></script>
	<!-- 下拉框选择插件 -->
	<script language="javascript" src="js/mobileSelect2.js"></script>
	<script language="javascript" src="js/testMode.js"></script>
	</body>
</html>
